<template>
	<fieldset>
		<legend>主页</legend>
		<Modal :visible="isShow"
			@on-ok="handleOK"
			@on-candel="handelCancel">
			<template v-slot:title>
				<h1>充值提示</h1>
			</template>
			<template v-slot:body>
				<h3>🈲是否充值200块</h3>
			</template>
		</Modal>
		<button @click="handleShow">点击充值</button>
	</fieldset>
</template>
<script>
	import Modal from "../Modal"
    import modalMix from "../../mixins/modal"
	export default {
        mixins:[modalMix],
        components: {
            Modal
        },
		// data() {
		// 	return {
		// 		isShow: false
		// 	}
		// },
		// methods: {
		// 	handle() {
		// 		this.isShow = true
		// 	},
        //     // 点击确定按钮回调
        //     handleOK() {
        //         console.log('确定');
        //         this.isShow =false
        //     },
        //     // 点击取消按钮回调
        //     handelCancel() {
        //         console.log('取消');
        //         this.isShow =false
        //     }
		// },
		components: {
			Modal
		}
	}
</script>